<div class="col-md-4 mt-4">
    <div class="card">
        <div class="card-header bg-info text-white text-center">
            @lang('Todays Rate')
        </div>
        <div class="card-body" style="padding: 0 !important;">

            <table class="table table-striped">
                <thead>
                <tr>
                    <th scope="col">@lang('Currency')</th>
                    <th scope="col">@lang('Buy At')</th>
                    <th scope="col">@lang('Sell At')</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($rates as $data)
                    <tr>
                        <td>{{ $data->name }}</td>
                        <td>{{ $data->buy_at }} {{ $basic->currency }} </td>
                        <td>{{ $data->sell_at }} {{ $basic->currency }} </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

        </div>
    </div>
</div>